{include file="public/meta" /}
<title>文章管理</title>
</head>
<body>
    <!--_header 作为公共模版分离出去-->
    {include file="public/header" /}
    <!--/_header 作为公共模版分离出去-->
    <!--_menu 作为公共模版分离出去-->
    {include file="public/leftmenu" /}
    <!--/_menu 作为公共模版分离出去-->
    <section class="Hui-article-box">
        <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> <a href="{:url('Index/index')}">首页</a> <span class="c-gray en">&gt;</span> 文章中心 <span class="c-gray en">&gt;</span> 文章列表<a id="btn-refresh" class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
                href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
        <div class="Hui-article">
            <article class="cl pd-20">
                <div class="text-c">
                    <form action="" method="get">
                        分类 :
                        <span class="select-box" style="width: 80px;">
                            <select class="select" size="1" name="category_id">
                                <option value="" selected>请选择</option>
                                {foreach name="category" item="vo"}
                                <option {if condition="input('category_id') eq $vo['id'] "}selected{/if} value="{$vo['id']}">{$vo.title}</option>
                                {/foreach}
                            </select>
                        </span>
                        <input type="text" class="input-text" style="width:250px" placeholder="请输入关键字" name="keywords" value="{:input('keywords')}">
                        <button type="submit" class="btn btn-success radius"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
                    </form>
                </div>
                <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a href="javascript:;" onclick="article_add('添加文章','add.html','','510')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加文章</a></span> </div>
                <div class="mt-20">
                    <table class="table table-border table-bordered table-hover table-bg table-sort">
                        <thead>
                            <tr class="text-c">
                                <th width="25"><input type="checkbox" name="" value=""></th>
                                <th width="50">ID</th>
                                <th width="200">标题</th>
                                <th width="200">封面图</th>
                                <th width="100">作者来源</th>
                                <th width="60">分类</th>
                                <th width="40">排序数字</th>
                                <th width="130">添加时间</th>
                                <th width="70">状态</th>
                                <th width="100">操作</th>
                            </tr>
                        </thead>
                        {volist name="articleList" id="val"}
                        <tbody>
                            <tr class="text-c">
                                <td><input type="checkbox" value="1" name=""></td>
                                <td>{$val['id']}</td>
                                <td>{$val['title']}</td>
                                <td>
                                    <img src="{$val['img_url']}" alt="" height="100">
                                </td>
                                <td>{$val['author']}</td>
                                <td>{$val['categoryshow']}</td>
                                <td>{$val['sort']}</td>
                                <td>{$val['add_time']}</td>
                                <td class="td-status">
                                    {eq name="$val['status']" value="1" }
                                    <span class="label label-default radius">未审核</span> {/eq} {eq name="$val['status']" value="0" }
                                    <span class="label label-success radius">已审核</span> {/eq}
                                </td>
                                <td class="td-manage">
                                    {eq name="$val['status']" value="0" }
                                    <a style="text-decoration:none" onClick="article_stop(this,'{$val['id']}')" href="javascript:;" title="设置为未审核"><i class="Hui-iconfont">&#xe631;</i></a> {/eq} {eq name="$val['status']" value="1" }
                                    <a style="text-decoration:none" onClick="article_start(this,'{$val['id']}')" href="javascript:;" title="设置为已审核"><i class="Hui-iconfont">&#xe6e1;</i></a> {/eq}
                                    <a title="编辑" href="javascript:;" onclick="article_edit('编辑','edit.html','{$val['id']}','','510')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;"
                                        onclick="article_del(this,'{$val['id']}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
                            </tr>
                        </tbody>
                        {/volist}
                    </table>
                    <div class="bjwl_paginate">
                        {$articleList->render()}
                    </div>
                </div>
            </article>
        </div>
    </section>
    <!--_footer 作为公共模版分离出去-->
    {include file="public/footer" /}
    <!--/_footer /作为公共模版分离出去-->
    <!--请在下方写此页面业务相关的脚本-->
    <script type="text/javascript" src="__LIB__/My97DatePicker/4.8/WdatePicker.js"></script>
    <script type="text/javascript" src="__LIB__/datatables/1.10.0/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="__LIB__/laypage/1.2/laypage.js"></script>
    <script type="text/javascript">
        /*$(function(){
                                                	$('.table-sort').dataTable({
                                                		"aaSorting": [[ 1, "desc" ]],//默认第几个排序
                                                		"bStateSave": true,//状态保存
                                                		"aoColumnDefs": [
                                                		  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                                                		  {"orderable":false,"aTargets":[0,8]}// 制定列不参与排序
                                                		]
                                                	});
                                                	$('.table-sort tbody').on( 'click', 'tr', function () {
                                                		if ( $(this).hasClass('selected') ) {
                                                			$(this).removeClass('selected');
                                                		}
                                                		else {
                                                			$('tr.selected').removeClass('selected');
                                                			$(this).addClass('selected');
                                                		}
                                                	});
                                                });*/
        /*添加*/
        function article_add(title, url, w, h) {
            layer_show_full(title, url, w, h);
        }
        /*停用*/
        function article_stop(obj, id) {
            layer.confirm('确认要设置为未审核吗？', function(index) {
                var articleId = id;
                $.ajax({
                    url: "{:url('Article/stop')}",
                    type: 'post',
                    data: {
                        'articleId': articleId
                    },
                    dataType: 'json',
                    success: function(data) {
                        if (data.code == 0)
                        {
                            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_start(this,' + articleId + ')" href="javascript:;" title="设置为已审核"><i class="Hui-iconfont">&#xe6e1;</i></a>');
                            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">未审核</span>');
                            $(obj).remove();
                            layer.msg(data.msg, {
                                icon: 6,
                                time: 1000
                            });
                        } else {
                            layer.msg(data.msg, {
                                icon: 5,
                                time: 1000
                            });
                        }
                    },
                    error: function(data) {
                        layer.msg(data.msg, {
                            icon: 5,
                            time: 1000
                        });
                    }
                });
            });
        }
        /*启用*/
        function article_start(obj, id) {
            layer.confirm('确认要审核通过吗？', function(index) {
                var articleId = id;
                $.ajax({
                    url: "{:url('Article/start')}",
                    type: 'post',
                    data: {
                        'articleId': articleId
                    },
                    dataType: 'json',
                    success: function(data) {
                        if (data.code == 0)
                        {
                            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_stop(this,' + articleId + ')" href="javascript:;" title="设置为未审核"><i class="Hui-iconfont">&#xe631;</i></a>');
                            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已审核</span>');
                            $(obj).remove();
                            layer.msg(data.msg, {
                                icon: 6,
                                time: 1000
                            });
                        } else {
                            layer.msg(data.msg, {
                                icon: 5,
                                time: 1000
                            });
                        }
                    },
                    error: function(data) {
                        layer.msg(data.msg, {
                            icon: 5,
                            time: 1000
                        });
                    }
                });
            });
        }
        /*编辑*/
        function article_edit(title, url, id, w, h) {
            layer_show_id_full(title, url, id, w, h);
        }
        /*删除*/
        function article_del(obj, id) {
            layer.confirm('确认要删除吗？', function(index) {
                var articleId = id;
                $.ajax({
                    url: "{:url('Article/del')}",
                    type: 'post',
                    data: {
                        'articleId': articleId
                    },
                    dataType: 'json',
                    success: function(data) {
                        if (data.code == 0)
                        {
                            $(obj).parents("tr").remove();
                            layer.msg(data.msg, {
                                icon: 6,
                                time: 1000
                            });
                        } else {
                            layer.msg(data.msg, {
                                icon: 5,
                                time: 1000
                            });
                        }
                    },
                    error: function(data) {
                        layer.msg(data.msg, {
                            icon: 5,
                            time: 1000
                        });
                    }
                });
            });
        }
    </script>
    <!--/请在上方写此页面业务相关的脚本-->
</body>
</html>